<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="css/base.css" type="text/css">
    <link rel="stylesheet" href="css/style_n.css" type="text/css">
</head>

<body>
    <div id="header">
        <div class="header_top">
            <!-- 第一个color:#fe6700; -->
            <!-- 边框border:1px solid #d6d6d6; -->
            <a href="" class="welcome">欢迎登录名鞋库 免费注册</a>
            <a href="" style="padding-right: 20px;">我的名鞋库<span></span></a>
            <a href="" class="phone" style="padding-right: 20px;"><i></i>手机名鞋库<span></span></a>
            <!-- 第四/五个color:#323232 -->
            <a href="">收藏名鞋库</a>
            <a href="" class="qq"><i></i>名鞋库客服</a>
            <a href="" class="telphone"><i></i>400 116 2228</a>
        </div>
        <div class="header_bottom">
            <div class="header_bottom_content">
                <h1></h1>
                <form class="header_bottom_content_form" action="" method="POST">
                    <p><input type="text"></p>
                    <button>搜索</button>
                    <label for="">热搜：</label>
                    <label for=""><a href="">跑步鞋</a></label>
                    <label for=""><a href="">帆布鞋</a></label>
                    <label for=""><a href="">T恤</a></label>
                </form>
                <button class="shopcar">
                    购物车<span>0</span>件
                </button>
            </div>
        </div>
    </div>
    <div id="nav">
        <div class="nav_content">
            <h2 class="all_foods">
                <ul class="all_foods_list">
                    <li class="shoes">
                        <a href=""><i></i>运动休闲鞋 <span></span></a>
                        <ul class="shoes_list">
                            <li>
                                <div class="shoes_list_top">
                                    <!-- <i></i> -->
                                    <i></i>
                                    <h3>运动男鞋</h3><span>更多</span>
                                </div>
                                <div class="shoes_list_bottom">
                                    <span>休闲鞋</span><span class="hot">帆布鞋</span><span
                                        class="hot">训练鞋</span><span>网球鞋</span><span>板鞋</span>
                                </div>
                            </li>
                            <li>
                                <div class="shoes_list_top">
                                    <!-- <i></i> -->
                                    <i></i>
                                    <h3>运动女鞋</h3><span>更多</span>
                                </div>
                                <div class="shoes_list_bottom">
                                    <span>休闲鞋</span><span class="hot">帆布鞋</span><span
                                        class="hot">训练鞋</span><span>网球鞋</span><span>板鞋</span>
                                </div>
                            </li>
                            <li>
                                <div class="shoes_list_top">
                                    <!-- <i></i> -->

                                    <h3 style="padding-left: 0;">搜索热词</h3>
                                </div>
                                <div class="shoes_list_bottom">
                                    <span>休闲鞋</span><span class="hot">帆布鞋</span><span
                                        class="hot">训练鞋</span><span>网球鞋</span><span>板鞋</span>
                                    <span>网球鞋</sp nan><span>板鞋</span>
                                </div>
                            </li>
                            <li>
                                <div class="shoes_list_top">
                                    <!-- <i></i> -->

                                    <h3 style="padding-left: 0;">热门系列</h3>
                                </div>
                                <div class="shoes_list_bottom">
                                    <span>休闲鞋</span><span class="hot">帆布鞋</span><span
                                        class="hot">训练鞋</span><span>网球鞋</span><span>板鞋</span>
                                    <span>网球鞋</span><span>板鞋</span>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="clothes"><a href=""><i></i>运动休闲服<span></span></a></li>
                    <li class="run"><a href=""><i></i>跑步<span></span></a></li>
                    <li class="bask"><a href=""><i></i>篮球<span></span></a></li>
                    <li class="foot"><a href=""><i></i>足球<span></span></a></li>
                    <li class="bag"><a href=""><i></i>包包配件<span></span></a></li>
                    <li class="outdoors"><a href=""><i></i>户外<span></span></a></li>
                    <li class="shoes_man"><a href=""><i></i>男鞋<span></span></a></li>
                    <li class="shoes_child"><a href=""><i></i>童鞋<span></span></a></li>

                </ul>
            </h2>
            <ul class="nav_list">
                <li class="active"><a href="">首页</a></li>
                <li class="nav_lists"><a href="">男子运动</a></li>
                <li class="wsport nav_lists"><a href="">女子运动</a>
                    <ul class="wsport_list">
                        <li class="wsport_list1">
                            <h4>运动鞋</h4>
                            <ul>
                                <li>休闲鞋</li>
                                <li>板鞋</li>
                                <li>跑步鞋</li>
                                <li>帆布鞋</li>
                                <li>拖鞋</li>
                                <li>网球鞋</li>
                                <li>健步鞋</li>
                            </ul>
                        </li>
                        <li class="wsport_list2">
                            <h4>服装</h4>
                            <ul>
                                <li>休闲鞋</li>
                                <li>板鞋</li>
                                <li>跑步鞋</li>
                                <li>帆布鞋</li>
                                <li>拖鞋</li>
                                <li>网球鞋</li>
                                <li>健步鞋</li>
                                <li>拖鞋</li>
                                <li>网球鞋</li>
                                <li>健步鞋</li>
                            </ul>
                        </li>
                        <li class="wsport_list3">
                            <h4>品牌推荐</h4>
                            <div class="wsport_list3_logo">
                                <i class="nai"></i>
                                <i class="adi1"></i>
                                <i class="adi2"></i>
                                <i class="adi3"></i>
                                <i class="nb"></i>
                                <i class="sk"></i>
                            </div>

                        </li>
                    </ul>
                </li>
                <li class="nav_lists"><a href="">儿童</a></li>
                <li class="nav_lists"><a href="">男鞋</a></li>
                <li class="nav_lists"><a class="last" href="">户外</a></li>
            </ul>
            <div class="nav_content_right">
                <i></i>
                <a href="">运动小白</a>
                <a href="">上新区</a>
                <a href="">即将售罄</a>
                <a href="">逢八必杀</a>
            </div>

        </div>
    </div>
    <div id="banner"><img src="images/banner.jpg" alt="">
        <p>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span class="radius_active"></span>
        </p>
    </div>
    <div id="content">
        <div class="content1">
            <h5>运动/户外/童鞋</h5>
            <div class="content1_content">
                <div class="content1_content_left">
                    <table cellspacing="0" cellpadding="0">
                        <tr>
                            <td><a class="nike"></a></td>
                            <td><a class="adi"></a></td>
                            <td><a class="san"></a></td>
                            <td><a class="neo"></a></td>
                            <td><a class="nb"></a></td>
                            <td><a class="con"></a></td>
                            <td><a class="sikaiqi"></a></td>
                        </tr>
                        <tr>
                            <td><a class="nike"></a></td>
                            <td><a class="adi"></a></td>
                            <td><a class="san"></a></td>
                            <td><a class="neo"></a></td>
                            <td><a class="nb"></a></td>
                            <td><a class="con"></a></td>
                            <td><a class="sikaiqi"></a></td>
                        </tr>
                        <tr>
                            <td><a class="nike"></a></td>
                            <td><a class="adi"></a></td>
                            <td><a class="san"></a></td>
                            <td><a class="neo"></a></td>
                            <td><a class="nb"></a></td>
                            <td><a class="con"></a></td>
                            <td><a class="sikaiqi"></a></td>
                        </tr>
                    </table>
                </div>
                <div class="content1_content_right">
                    <ul>
                        <li><i></i><a href="" style="color: #fe0002;">DC潮货爆款，帅的一批！</a></li>
                        <li><i></i><a href="">DC潮货爆款，帅的一批！</a></li>
                        <li><i></i><a href="">DC潮货爆款，帅的一批！</a></li>
                    </ul>
                    <img src="images/98i4o4ptit.png" alt="">
                    <img src="images/s150805xp2.jpg" alt=""
                        style=" width:183px;height:98px;padding:3px;border: 1px solid #eeeeee;">
                </div>
            </div>
        </div>
        <div class="content2 clear_fix">
            <img src="images/big_shoes.png" alt="">
            <img src="images/big_shoes.png" alt="">
            <img src="images/big_shoes.png" alt="">
            <img src="images/big_shoes.png" alt="">
            <img src="images/big_shoes.png" alt="" style="margin-right: 0;">
        </div>
        <div class="content3">
            <div class="content3_left">
                <img src="images/s0fhead.png" alt="">
                <a href="">懒人运动<span></span></a>
                <a href="">懒人运动<span></span></a>
                <a href="">懒人运动<span></span></a>
                <a href="">懒人运动<span></span></a>
                <a href="">懒人运动<span></span></a>
                <a href="">懒人运动<span></span></a>
            </div>
            <div class="content3_right">
                <img class="content3_right_pic" src="images/s1508271f1.jpg" alt="">
                <section>
                    <article>
                        <figure>
                            <img src="images/s15081f2.jpg" alt="">
                        </figure>
                        <figure>
                            <img src="images/s1509281f6.jpg" alt="">
                        </figure>
                    </article>
                    <article>
                        <figure>
                            <img src="images/s15081f2.jpg" alt="">
                        </figure>
                        <figure>
                            <img src="images/s1509281f6.jpg" alt="">
                        </figure>
                    </article>
                </section>
            </div>
        </div>
        <div class="content4">
            <section class="content4_left">
                <img src="images/s1fhead.png.png" alt="">
                <article class="clear_fix">
                    <section>
                        <i><a href=""></a></i>
                        <i><a href=""></a></i>
                        <i><a href=""></a></i>
                        <i><a href=""></a></i>
                        <i><a href=""></a></i>
                        <i><a href=""></a></i>
                    </section>
                    <section>
                        <i><a href=""></a></i>
                        <i><a href=""></a></i>
                        <i><a href=""></a></i>
                        <i><a href=""></a></i>
                        <i><a href=""></a></i>
                        <i></i>
                    </section>
                </article>
                <aside>
                    <a href="">休闲鞋</a>
                    <a href="">板鞋</a>
                    <a href="">帆布鞋</a>
                    <a href="">XZ系列</a>
                    <a href="">NB复古鞋</a>
                    <a href="">Air</a>
                    <a href="">Rosh</a>
                    <a href="">明星同款</a>
                </aside>
            </section>
            <section class="content4_right">
                <img src="images/s1508271f1.jpg" alt="">
                <article>
                    <div><img src="images/s15081f2.jpg" alt=""></div>
                    <div><img src="images/s15081f2.jpg" alt=""></div>
                    <div><img src="images/s15081f2.jpg" alt=""></div>
                    <div><img src="images/s1509281f6.jpg" alt=""></div>
                    <div><img src="images/s1509281f6.jpg" alt=""></div>
                    <div><img src="images/s1509281f6.jpg" alt=""></div>
                </article>
            </section>
        </div>
        <section class="section5_content">
            <section class="section5_content_top">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </section>
            <p><span>商品分类</span></p>
            <section class="section5_content_bottom">
                <section class="section5_content_bottom_top">
                    <div>
                        <span>运动休闲鞋</span>
                        <img src="images/shoes1_03.png" alt="">
                    </div>
                    <div>
                        <span>运动休闲鞋</span>
                        <img src="images/shoes1_03.png" alt="">
                    </div>
                    <div>
                        <span>运动休闲鞋</span>
                        <img src="images/shoes1_03.png" alt="">
                    </div>
                    <div>
                        <span>运动休闲鞋</span>
                        <img src="images/shoes1_03.png" alt="">
                    </div>
                    <div>
                        <span>运动休闲鞋</span>
                        <img src="images/shoes1_03.png" alt="">
                    </div>
                    <div>
                        <span>运动休闲鞋</span>
                        <img src="images/shoes1_03.png" alt="">
                    </div>
                    <div>
                        <span>运动休闲鞋</span>
                        <img src="images/shoes1_03.png" alt="">
                    </div>
                    <div>
                        <span>运动休闲鞋</span>
                        <img src="images/shoes1_03.png" alt="">
                    </div>
                </section class="section5_content_bottom_top">
                <section class="section5_content_bottom_bottom">
                    <div>
                        <a href="">休闲鞋</a>
                        <a href="">板鞋</a>
                        <a href="">帆布鞋</a>
                        <a href="">XZ系列</a>
                        <a href="">NB复古鞋</a>
                        <a href="">Air</a>
                    </div>
                    <div>
                        <a href="">休闲鞋</a>
                        <a href="">板鞋</a>
                        <a href="">帆布鞋</a>
                        <a href="">XZ系列</a>
                        <a href="">NB复古鞋</a>
                        <a href="">Air</a>
                    </div>
                    <div>
                        <a href="">休闲鞋</a>
                        <a href="">板鞋</a>
                        <a href="">帆布鞋</a>
                        <a href="">XZ系列</a>
                        <a href="">NB复古鞋</a>
                        <a href="">Air</a>
                    </div>
                    <div>
                        <a href="">休闲鞋</a>
                        <a href="">板鞋</a>
                        <a href="">帆布鞋</a>
                        <a href="">XZ系列</a>
                        <a href="">NB复古鞋</a>
                        <a href="">Air</a>
                    </div>
                    <div>
                        <a href="">休闲鞋</a>
                        <a href="">板鞋</a>
                        <a href="">帆布鞋</a>
                        <a href="">XZ系列</a>
                        <a href="">NB复古鞋</a>
                        <a href="">Air</a>
                    </div>
                    <div>
                        <a href="">休闲鞋</a>
                        <a href="">板鞋</a>
                        <a href="">帆布鞋</a>
                        <a href="">XZ系列</a>
                        <a href="">NB复古鞋</a>
                        <a href="">Air</a>
                    </div>
                    <div>
                        <a href="">休闲鞋</a>
                        <a href="">板鞋</a>
                        <a href="">帆布鞋</a>
                        <a href="">XZ系列</a>
                        <a href="">NB复古鞋</a>
                        <a href="">Air</a>
                    </div>
                    <div>
                        <a href="">休闲鞋</a>
                        <a href="">板鞋</a>
                        <a href="">帆布鞋</a>
                        <a href="">XZ系列</a>
                        <a href="">NB复古鞋</a>
                        <a href="">Air</a>
                    </div>
                </section class="section5_content_bottom_bottom">
            </section>
        </section>
        <div></div>
    </div>
    <div id="footer">
        <section class="footer_top">
            <section class="footer_top_content">
                <aside>
                    <h3>客服热线(免长途费)</h3>
                    <em>400 116 11111</em>
                    <p>客服时间：9：00-24：00</p>
                    <p>周末/周日：10：00-24：00</p>
                    <figure>
                        <figcaption><img src="images/erweima_03.png" alt=""></figcaption>
                        <p>手机名鞋库</p>
                    </figure>
                    <figure>
                        <figcaption><img src="images/erweima_03.png" alt=""></figcaption>
                        <p>手机名鞋库</p>
                    </figure>
                </aside>
                <article>
                    <section class="footer_top_content_article_top">
                        <div><img src="images/2014052815002.png" alt=""></div>
                        <div><img src="images/2014052815003.png" alt=""></div>
                        <div><img src="images/2014052815004.png" alt=""></div>
                        <div><img src="images/2014052815005.png" alt=""></div>
                    </section>
                    <section class="footer_top_content_article_bottom">
                        <ul>
                            <li>支付方式</li>
                            <li>在线支付</li>
                            <li>货到付款</li>
                            <li>发票说明</li>
                        </ul>
                        <ul>
                            <li>支付方式</li>
                            <li>在线支付</li>
                            <li>货到付款</li>
                            <li>发票说明</li>
                        </ul>
                        <ul>
                            <li>支付方式</li>
                            <li>在线支付</li>
                            <li>货到付款</li>
                            <li>发票说明</li>
                        </ul>
                        <ul>
                            <li>支付方式</li>
                            <li>在线支付</li>
                            <li>货到付款</li>
                            <li>发票说明</li>
                        </ul>
                    </section>

                </article>
            </section>
        </section>
        <section class="footer_bottom">
            <p><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a><a href="">关于名鞋库</a></p>
            <span> Copyright © 2008-2014  All Rights Reserved.Copyright © 2008-2014  All Rights Reserved.Copyright © 2008-2014  All Rights Reserved.</span>
            <article>
                <div><img src="images/logo_007_03.png" alt=""></div>
                <div><img src="images/logo_007_03.png" alt=""></div>
                <div><img src="images/logo_007_03.png" alt=""></div>
            </article>
            <aside class="footer_top_bottom">
                <span>友情链接：</span>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
            </aside>
        </section>
    </div>
</body>

</html>